<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quản Lý Booking | Phần Mềm Quản Lý Điều Hành Xe | CÔNG TY TNHH
	DỊCH VỤ MINH VIỆT</title>

<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
<!-- gebo blue theme-->
<link rel="stylesheet" href="css/blue.css" id="link_theme" />
<!-- breadcrumbs-->
<link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
<!-- tooltips-->
<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- code prettify -->
<link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- splashy icons -->
<link rel="stylesheet" href="img/splashy/splashy.css" />
<!-- colorbox -->
<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
<!-- datepicker -->
<link rel="stylesheet" href="lib/datepicker/datepicker.css" />

<!-- main styles -->
<link rel="stylesheet" href="css/style.css" />

<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->
<script>
      //* hide all elements & show preloader
      //document.documentElement.className += 'js';
    </script>
</head>
<body class=" menu_hover">
	<div id="maincontainer" class="clearfix">
		<!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
		<div id="contentwrapper">
			<div class="main_content">
				<!-- BreadCrumb -->
				<nav>
					<div id="jCrumbs" class="breadCrumb module">
						<ul>
							<li><a href="#"><i class="icon-home"></i></a></li>
							<li><a href="#">Kiểm tra năng lực vận tải</a></li>
							<li>Kiểm tra năng lực vận tải</li>
						</ul>
					</div>
				</nav>
				<!-- End BreadCrumb -->
				<div class="row-fluid">
					<div class="span12">
						<div class="heading">
							<h3 class="title_page">Quản lý Booking</h3>
						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span12">
						<div class="row-fluid">
							<div class="span10">
								<form class="form-inline">
									Ngày
									<div class="input-append date inline" id="dp_start">
										<input class="input-small" type="text" readonly="readonly"
											style="width: 70px"><span class="add-on"><i
											class="splashy-calendar_day_up"></i></span>
									</div>
									-
									<div class="input-append date inline" id="dp_end">
										<input class="input-small" type="text" readonly="readonly"
											style="width: 70px"><span class="add-on"><i
											class="splashy-calendar_day_down"></i></span>
									</div>
									Loại xe <select name="" class="input-medium">
										<option>-- Tất cả --</option>
										<option>4 chỗ</option>
										<option>7 chỗ</option>
										<option>16 chỗ</option>
										<option>16 chỗ</option>
										<option>16 chỗ</option>
										<option>16 chỗ</option>
										<option>16 chỗ</option>
										<option>16 chỗ</option>
										<option>16 chỗ</option>
										<option>16 chỗ</option>
									</select>
									<label class="checkbox">
										<input type="checkbox"> Chỉ xe miền núi
									</label>
									<button type="submit" class="btn">
										<i class="icon-filter"></i> Hiển thị
									</button>
								</form>
							</div>
						</div>
						<table class="table table-condensed table-bordered">
							<thead>
								<tr>
									<th rowspan="2"
										style="vertical-align: middle; text-align: center;">Ngày</th>
									<th rowspan="2"
										style="vertical-align: middle; text-align: center;">Loại xe</th>
									<th colspan="2"
										style="vertical-align: middle; text-align: center;">Xe đã phục
										vụ</th>
									<th colspan="2"
										style="vertical-align: middle; text-align: center;">Tổng xe</th>
									<th rowspan="2"
										style="vertical-align: middle; text-align: center;">Đánh giá</th>
									<th rowspan="2"
										style="vertical-align: middle; text-align: center;">Xem chi
										tiết</th>
								</tr>
								<tr>
									<th style="vertical-align: middle; text-align: center;">Xe đi
										tour</th>
									<th style="vertical-align: middle; text-align: center;">Xe sân
										bay</th>
									<th style="vertical-align: middle; text-align: center;">Xe Minh
										Việt</th>
									<th style="vertical-align: middle; text-align: center;">Xe cộng
										tác viên</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td rowspan="6">06/09/2013</td>
									<td>Xe 4 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 7 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 12 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td style="color: red; font-weight: bold;">Hết xe</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 16 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 24 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 35 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td rowspan="6">07/09/2013</td>
									<td>Xe 4 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 7 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 12 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td style="color: red; font-weight: bold;">Hết xe</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 16 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 24 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
								<tr>
									<td>Xe 35 chỗ</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>12</td>
									<td>Còn 12</td>
									<td><a href="">Xem chi tiết</a></td>
								</tr>
						
						</table>
					</div>
				</div>

			</div>
		</div>
	</div>




	<script src="js/jquery.min.js"></script>
	<!-- smart resize event -->
	<script src="js/jquery.debouncedresize.min.js"></script>
	<!-- hidden elements width/height -->
	<script src="js/jquery.actual.min.js"></script>
	<!-- js cookie plugin -->
	<script src="js/jquery.cookie.min.js"></script>
	<!-- main bootstrap js -->
	<script src="bootstrap/js/bootstrap.min.js"></script>
	<!-- bootstrap plugins -->
	<script src="js/bootstrap.plugins.min.js"></script>
	<!-- code prettifier -->
	<script src="lib/google-code-prettify/prettify.min.js"></script>
	<!-- tooltips -->
	<script src="lib/qtip2/jquery.qtip.min.js"></script>
	<!-- jBreadcrumbs -->
	<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
	<!-- sticky messages -->
	<script src="lib/sticky/sticky.min.js"></script>
	<!-- fix for ios orientation change -->
	<script src="js/ios-orientationchange-fix.js"></script>
	<!-- datepicker -->
	<script src="lib/datepicker/bootstrap-datepicker.min.js"></script>

	<!-- lightbox -->
	<script src="lib/colorbox/jquery.colorbox.min.js"></script>
	<!-- common functions -->
	<script src="js/gebo_common.js"></script>
	<script>
      var isEdit	= false;
      $(document).ready(function() {
			$('#dp_start').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
				var dateText = $(this).data('date');
				
				var endDateTextBox = $('#dp_end input');
				if (endDateTextBox.val() != '') {
					var testStartDate = new Date(dateText);
					var testEndDate = new Date(endDateTextBox.val());
					if (testStartDate > testEndDate) {
						endDateTextBox.val(dateText);
					}
				}
				else {
					endDateTextBox.val(dateText);
				};
				$('#dp_end').datepicker('setStartDate', dateText);
				$('#dp_start').datepicker('hide');
			});
			$('#dp_end').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
				var dateText = $(this).data('date');
				var startDateTextBox = $('#dp_start input');
				if (startDateTextBox.val() != '') {
					var testStartDate = new Date(startDateTextBox.val());
					var testEndDate = new Date(dateText);
					if (testStartDate > testEndDate) {
						startDateTextBox.val(dateText);
					}
				}
				else {
					startDateTextBox.val(dateText);
				};
				$('#dp_start').datepicker('setEndDate', dateText);
				$('#dp_end').datepicker('hide');
			});		
		});      
      </script>

</body>
</html>
